<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>开通出了点小问题</title>
	<link rel="shortcut icon" href="./ego.ico" type="image/x-icon">
	<style>
		* {
			padding: 0;
			margin: 0;
		}

		header {
			height: 65px;
			background-color: #fff;
		}

		header .logo {
			margin-left: 40px;
			display: flex;
			align-items: center;
			width: 146px;
			height: 100%;
			line-height: 65px;
		}

		header .logo img {
			height: 30px;
		}

		.main {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width: 460px;
			height: 438px;
			background: #FFFFFF;
			box-shadow: 0px 8px 20px rgba(153, 156, 165, 0.16);
			border-radius: 8px;
			padding: 40px 60px;
			box-sizing: border-box;
		}

		.on {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 340px;
			border-bottom: 1px solid #e8eaed;
			margin-bottom: 32px;
		}

		.onload-failed-img {
			width: 200px;
			height: 140px;
			display: block;
			margin-bottom: 20px;
		}

		.title {
			font-family: PingFang SC;
			font-style: normal;
			font-weight: 600;
			font-size: 24px;
			line-height: 32px;
			text-align: center;
			color: #303142;
			margin-bottom: 12px;
		}

		.button {
			width: 80px;
			height: 30px;
			border: 1px solid #DEE0E3;
			box-sizing: border-box;
			border-radius: 4px;
			margin-bottom: 20px;
			cursor: pointer;
			user-select: none;
		}
		.button a {
			display: inline-block;
			box-sizing: border-box;
			padding: 8px 12px;
			width: 100%;
			height: 100%;
			padding: 8px 11px;
			text-decoration: none;
			font-family: PingFang SC;
			font-style: normal;
			font-weight: 500;
			font-size: 14px;
			line-height: 100%;
			color: #8F959E;
		}

		.button:hover a {
			color: #658BFC;
		}

		.button:active a {
			color: #466FEB;
		}

		.button:hover {
			border-color: #658BFC;
		}

	.button:active {
			border-color: #658BFC;
		}

		.under {
			width: 340px;
			height: 72px;
		}

		.under p {
			font-family: PingFang SC;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			line-height: 24px;
			text-align: center;
			color: #646A73;
		}
	</style>
</head>

<body>
	<header>
		<div class="logo">
			<img src="./images/logo.svg" />
		</div>
	</header>
	<div class="main">
		<div class="on">
			<img class="onload-failed-img" src="./images/onload_failed.png" />
			<h2 class="title">开通出了点小问题</h2>
			<div class="button"><a id="return" href="javascript:void(0);" onclick="linkTo()">重新加载</a></div>
		</div>
		<div class="under">
			<p>您也可以联系我们获取帮助</p>
			<p>服务热线：400-1818-187</p>
			<p>客服邮箱：service@byteluck.com</p>
		</div>
	</div>
	<script>
		function linkTo(){
			location.href = `${location.protocol}//${location.host}`
		}
	</script>
</body>

</html>